<!DOCTYPE html>
<!--[if IE 8 ]>
<html class="ie ie8" class="no-js" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>香蕉皮</title>
        <meta name="description" content="">

        <!-- CSS FILES -->
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" data-name="skins">
        <link rel="stylesheet" href="css/layout/wide.css" data-name="layout">

        <link rel="stylesheet" type="text/css" href="css/switcher.css" media="screen"/>
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <!--Start Header-->
        <header id="header">

            <div id="menu-bar">
                <div class="container">
                    <div class="row">
                        <!-- Logo / Mobile Menu -->
                        <div class="col-lg-3 col-sm-3 ">
                            <div id="logo">
                                <h1><a href="index.html"><img src="images/logo.png" alt=""/></a></h1>
                            </div>
                        </div>
                        <div class="col-lg-9 col-sm-9 navbar navbar-default navbar-static-top container" role="navigation">
                            <!--  <div class="container">-->
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div class="navbar-collapse collapse">
                                <ul class="nav navbar-nav">
                                    <li><a href="@{F.reg}"><span class="data-hover" data-hover="注册">注册</span></a></li>
                                    <li><a href="@{F.index()}"><span class="data-hover" data-hover="首页">首页</span></a></li>
                                    <li><a href="#"><span class="data-hover" data-hover="资料库">资料库</span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!--End Header-->

        <!--start wrapper-->
        <section class="wrapper">
            <section class="page_head">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <nav id="breadcrumbs">
                                <ul>
                                    <li><a href="index.html">首页</a></li>
                                </ul>
                            </nav>

                            <div class="page_title">
                                <h2>首页</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="content faq">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8">
                            <div class="panel-group accordion" id="accordion">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse02">
                                                <i class="switch fa fa-plus"></i>
                                                Morbi Congue Turpis Sollicitudin
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapse02" class="panel-collapse collapse">
                                        <div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
                                            richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck
                                            quinoa nesciunt laborum eiusmod.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--Sidebar Widget-->
                        <div class="col-lg-4">
                            <div class="sidebar">
                                <div class="widget widget_search">
                                    <div class="site-search-area">
                                        <form method="get" id="site-searchform" action="#">
                                            <div>
                                                <input class="input-text" name="s" id="s" placeholder="Enter Search keywords..." type="text"/>
                                                <input id="searchsubmit" value="Search" type="submit"/>
                                            </div>
                                        </form>
                                    </div><!-- end site search -->
                                </div>

                                <div class="widget widget_categories">
                                    <div class="widget_title">
                                        <h4><span>主题</span></h4>
                                    </div>
                                    <ul class="arrows_list list_style">
                                        <li><a href="#"> Grapic Design (10)</a></li>
                                        <li><a href="#"> Web Design & Development (25)</a></li>
                                        <li><a href="#"> Photography (29)</a></li>
                                        <li><a href="#"> Custom Illustrations (19)</a></li>
                                        <li><a href="#"> Wordpress Themes(38)</a></li>
                                        <li><a href="#"> Videography (33)</a></li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </section>

        </section>
        <!--end wrapper-->

        <section class="footer_bottom">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        <p class="copyright">&copy; Copyright 2015 Edge | Powered by <a href="http://www.jqueryrain.com/">jQuery
                                Rain</a></p>
                    </div>

                    <div class="col-sm-6 ">
                        <div class="footer_social">
                            <ul class="footbot_social">
                                <li><a class="fb" href="#." data-placement="top" data-toggle="tooltip" title="Facebook"><i
                                            class="fa fa-facebook"></i></a></li>
                                <li><a class="twtr" href="#." data-placement="top" data-toggle="tooltip" title="Twitter"><i
                                            class="fa fa-twitter"></i></a></li>
                                <li><a class="dribbble" href="#." data-placement="top" data-toggle="tooltip" title="Dribbble"><i
                                            class="fa fa-dribbble"></i></a></li>
                                <li><a class="skype" href="#." data-placement="top" data-toggle="tooltip" title="Skype"><i
                                            class="fa fa-skype"></i></a></li>
                                <li><a class="rss" href="#." data-placement="top" data-toggle="tooltip" title="RSS"><i
                                            class="fa fa-rss"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.easing.1.3.js"></script>
        <script src="js/retina-1.1.0.min.js"></script>
        <script type="text/javascript" src="js/jquery.cookie.js"></script> <!-- jQuery cookie -->
        <script type="text/javascript" src="js/styleswitch.js"></script> <!-- Style Colors Switcher -->
        <script type="text/javascript" src="js/jquery.smartmenus.min.js"></script>
        <script type="text/javascript" src="js/jquery.smartmenus.bootstrap.min.js"></script>
        <script type="text/javascript" src="js/jquery.jcarousel.js"></script>
        <script type="text/javascript" src="js/jflickrfeed.js"></script>
        <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
        <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
        <script type="text/javascript" src="js/swipe.js"></script>
        <script type="text/javascript" src="js/jquery-scrolltofixed-min.js"></script>

        <script src="js/main.js"></script>
    </body>
</html>
